<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" th:src="@{/js/require.js}"></script>
    <script type="text/javascript" th:src="@{/js/requireConfig.js}"></script>
    <script type="text/javascript" th:src="@{/js/app/BaseRole/List.js}"></script>
    <link rel="stylesheet" th:href="@{/css/sa.css}">
</head>
<body>
<div style="margin-top: -1em;"><br></div>
<div id="toolbarDemo"  style="display: none">
    <div class="layui-btn-container">

    </div>
</div>
<div class="vue-box" style="display: block;">
    <div class="c-panel">
        <div class="c-title">检索参数</div>
        <form class="layui-form el-form">
            <div class="c-item">
                <label class="c-label">角色名称：</label>
                <input class="layui-input layui-input-inline" name="F_ROLE_NAME">
            </div>
            <div class="c-item">
                <label class="c-label">角色编号</label>
                <input class="layui-input layui-input-inline" name="F_ROLE_CODE">
            </div>
            <div class="c-item" style="min-width: 0px;">
                <button @click="seachs()"type="button" class="layui-btn layui-input-inline layui-btn-sm">
                    <i class="layui-icon layui-icon-search"></i>
                    查询
                </button>
                <button @click="referXadmin()"type="button" class="layui-btn layui-input-inline layui-btn-normal layui-btn-sm">
                    <i class="layui-icon layui-icon-refresh"></i>
                    刷新
                </button>
            </div>
        </form>
    </div>
    <div class="c-panel">
        <div class="c-title">列表</div>
        <div class="sa-table">

        </div>
    </div>
    <div class="c-panel">
        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <ul class="layui-tab-title">
                <li lay-id="1" class="layui-this">新增</li>
                <li lay-id="2" >修改</li>
            </ul>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <table class="layui-table" lay-size="sm" id="add_save">
                        <tr>
                            <th>角色编码</th>
                            <td name="F_ROLE_CODE">{{ADD.F_ROLE_CODE}}</td>
                            <th>角色名称</th>
                            <td name="F_ROLE_NAME" id="F_ROLE_NAME" @dblclick="editDBL($event)"></td>
                        </tr>
                        <tr>
                            <th>权限个数</th>
                            <td name="F_ROLE_NUM">0</td>
                            <th>维护日期</th>
                            <td name="F_METHOD_TIME">{{ADD.F_METHOD_TIME}}</td>
                        </tr>
                        <tr>
                            <th>介绍</th>
                            <td colspan="3" name="F_NOTE" id="F_NOTE" @dblclick="editDBLTEXT($event)"></td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <div class="layui-btn-group layui-input-inline layui-show-xs-block">
                                    <button @click="ADD_SAVE()" type="button"
                                            class="layui-btn layui-btn-warm layui-btn-sm">
                                        <i class="layui-icon layui-icon-list"></i>新增
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="layui-tab-item">
                    <table class="layui-table" lay-size="sm" id="update_save">
                        <tr>
                            <th>角色编码</th>
                            <td name="F_ROLE_CODE">{{th.F_ROLE_CODE}}</td>
                            <th>角色名称</th>
                            <td name="F_ROLE_NAME" id="F_ROLE_NAME1" @dblclick="editDBL($event)">{{th.F_ROLE_NAME}}</td>
                        </tr>
                        <tr>
                            <th>权限个数</th>
                            <td name="F_ROLE_NUM">{{th.F_ROLE_NUM}}</td>
                            <th>维护日期</th>
                            <td name="F_METHOD_TIME">{{th.F_METHOD_TIME}}</td>
                        </tr>
                        <tr>
                            <th>介绍</th>
                            <td colspan="3" name="F_NOTE" id="F_NOTE1" @dblclick="editDBLTEXT($event)">
                                {{th.F_NOTE}}
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <div class="layui-btn-group layui-input-inline layui-show-xs-block">
                                    <button @click="UPDATE_SAVE()" type="button"
                                            class="layui-btn layui-btn-warm layui-btn-sm">
                                        <i class="layui-icon layui-icon-list"></i>保存
                                    </button>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>